<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="common :: head('错误')">

</head>

<body>
  <div id="app" class="m-all">

    <!--导航-->
    <nav th:replace="common :: navMenuX">

      <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
        <i class="sidebar icon"></i>
      </a>
    </nav>
    <div class="m-container-small m-padded-tb-massive">
      <div class="ui error message m-padded-tb-huge" >
        <div>
          <h2>错误</h2>
          <p>对不起，服务异常，请联系管理员</p>
        </div>
      </div>
    </div>

    <div>
      <div th:utext="'&lt;!--'" th:remove="tag"></div>
      <div th:utext="'Failed Request URL : ' + ${url}" th:remove="tag"></div>
      <div th:utext="'Exception message : ' + ${exception.message}" th:remove="tag"></div>
      <ul th:remove="tag">
        <li th:each="st : ${exception.stackTrace}" th:remove="tag"><span th:utext="${st}" th:remove="tag"></span></li>
      </ul>
      <div th:utext="'--&gt;'" th:remove="tag"></div>
    </div>
  </div>
</body>


<script>

  new Vue({
    el: '#app',
    data() {
      return {
        restaurants: [],
        state: '',
        timeout:  null,
        activeIndex: ''
      }
    },
    computed: {
    },
    methods: {
      querySearchAsync(queryString, cb) {
        var restaurants = this.restaurants;
        var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;

        clearTimeout(this.timeout);
        this.timeout = setTimeout(() => {
          cb(results);
        }, 3000 * Math.random());
      },
      createStateFilter(queryString) {
        return (state) => {
          return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
        };
      },
      handleSelect(item) {
        console.log(item);
      }
    }
  })
</script>
</html>